<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>注册</title>
<!--favicon-->
<link rel="icon" href="<%=basePath%>images/favicon.ico"
	type="image/x-icon">
<!-- Bootstrap core CSS-->
<link href="<%=basePath%>css/bootstrap.min.css" rel="stylesheet" />
<!-- animate CSS-->
<link href="<%=basePath%>css/animate.css" rel="stylesheet"
	type="text/css" />
<!-- Icons CSS-->
<link href="<%=basePath%>css/icons.css" rel="stylesheet"
	type="text/css" />
<!-- Custom Style-->
<link href="<%=basePath%>css/app-style.css" rel="stylesheet" />
</head>

<body class="bg-dark">
	<!-- Start wrapper-->
	<div id="wrapper">
		<div class="card card-authentication1 mx-auto my-5">
			<div class="card-body">
				<div class="card-content p-2">
					<div class="text-center">
						<img src="<%=basePath%>images/logo-icon.png" alt="logo icon">
					</div>
					<div class="card-title text-uppercase text-center py-3">注册</div>
					<form action="<%=basePath%>UserServlet?action=register"
						method="post">
						<div class="form-group">
							<label for="userId" class="">用户名</label>
							<div class="position-relative has-icon-right">
								<input type="text" id="userId" name="UserId"
									class="form-control input-shadow" placeholder="请输入你的用户名"
									style="background-image: url(&quot;&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%; cursor: auto;">
							</div>
						</div>
						<div class="form-group">
							<label for="Password" class="">密码</label>
							<div class="position-relative has-icon-right">
								<input type="text" id="Password" name="UserPwd"
									class="form-control input-shadow" placeholder="请输入你的密码">
							</div>
						</div>
						<button type="submit"
							class="btn btn-primary shadow-primary btn-block waves-effect waves-light">注册</button>
					</form>
				</div>
			</div>
			<div class="card-footer text-center py-3">
				<p class="text-muted mb-0">
					已有账号? <a href="<%=basePath%>pages/logon.jsp"> 点击登录</a>
				</p>
			</div>
		</div>

		<!--Start Back To Top Button-->
		<a href="javaScript:void();" class="back-to-top"><i
			class="fa fa-angle-double-up"></i> </a>
		<!--End Back To Top Button-->
	</div>
	<!--wrapper-->

	<!-- Bootstrap core JavaScript-->
	<script src="<%=basePath%>js/jquery.min.js"></script>
	<script src="<%=basePath%>js/popper.min.js"></script>
	<script src="<%=basePath%>js/bootstrap.min.js"></script>
	<!-- simplebar js -->
	<script src="<%=basePath%>js/simplebar.js"></script>
	<!-- waves effect js -->
	<script src="<%=basePath%>js/waves.js"></script>
	<!-- sidebar-menu js -->
	<script src="<%=basePath%>js/sidebar-menu.js"></script>
	<!-- Custom scripts -->
	<script src="<%=basePath%>js/app-script.js"></script>
</body>

</html>